<template>
  <div>
    <!-- 使用的时候使用props传参也是ok的  局部的指令创建和全局的指令使用是一样的-->
    <Student v-YouStyle v-Mystyle v-bind="{ name: '罗飞', age: 18 }" />
    <button @click="getThis">点击</button>
  </div>
</template>

<script>
export default {
  name: "App",
  // 自定义指令
  directives: {
    Mystyle(ele, b) {
      // 直接获取了dom元素
      console.log(ele, b);
      // 对dom元素直接操作 添加样式 或者别的操作
      ele.style.background = "blue";
    },
  },
  methods: {
    getThis() {
      console.log(this, this.attribute);
    },
  },
};
</script>
<style>
</style>
